<script setup lang="ts">
const aa= ()=>{
  if(action.code== 'createWord'){
    let data =  this.value
    const date = new Date(data.createdTime); // 获取当前日期
    const year = date.getFullYear(); // 获取年份
    const month = date.getMonth() + 1; // 获取月份，需要加1，因为月份是从0开始计数的
    const day = date.getDate(); // 获取日期
    const formattedDate = `${year}年${month}月${day}日`;
    const date1 = new Date(data.priceValidityEndDate); // 获取当前日期
    const year1 = date1.getFullYear(); // 获取年份
    const month1 = date1.getMonth() + 1; // 获取月份，需要加1，因为月份是从0开始计数的
    const day1 = date1.getDate(); // 获取日期
    const formattedDate1 = `${year1}年${month1}月${day1}日`;
    let html1 =
        `<div>
    <div class="title contentheight">
      <div id="pdfDom2" style="margin: auto">
        <p align="center">
          <span style="font-size: 22pt; font-weight: 900">工业品买卖合同</span>
        </p>
        <div style="font-size: 10.5pt;" align="center">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              width="100%"
              style="font-size: 10.5pt;"
              class="ke-zeroborder"
          >
            <tbody>
            <tr>
              <td width="61%">
                <p>供方：<span style="text-decoration: underline;  ">${data.orgName}</span></p>
              </td>
              <td width="39%">
                <p><span>合同编号：</span><span style="text-decoration: underline;  ">${data.formNo}</span></p>
              </td>
            </tr>
            <tr>
              <td width="50%"></td>
              <td width="50%">
                <p><span>签订方式：</span><span>传真、扫描件</span></p>
              </td>
            </tr>
            <tr>
              <td width="50%">
                <p>需方：<span class="lspacing1" style="text-decoration: underline;  ">${data.CustomerName}</span></p>
              </td>
              <td width="50%">
                <p><span class="lspacing2" >签订时间：<span style="text-decoration: underline;">${formattedDate}</span></span></p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p><span>第一条 产品规格、数量、价款</span></p>
              </td>
            </tr>
            <tr>
              <td colspan="8">
                <table
                    border="1"
                    cellspacing="0"
                    cellpadding="5"
                    width="100%"
                   style="font-size: 10.5pt;"
                    class="collapse"
                >
                  <tbody>
                  <tr>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        序号
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        产品名称
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        牌号
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        规格
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        数量（吨）
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        单价（元/吨）
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        总金额（元）
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        备注
                      </p>
                    </td>
                  </tr>`
    let data1 = this.value.ws_contractentry
    data1.forEach((item,index)=>{
      html1+=`    <tr>
                    <td>
                      <p class="lineheight14" style="text-align: center">${index+1}</p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        <span>${item.groupName}</span>
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        <span>${item.mNameIdText}</span>
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        <span>${item.model?item.model:""}</span>
                      </p>
                    </td>
                    <td>
                      <p style="text-align: center"><span>${item.num}</span></p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        <span>${item.rPrice}</span>
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        <span>${item.sum}</span>
                      </p>
                    </td>
                    <td>
                      <p class="lineheight14" style="text-align: center">
                        <span>${item.remark}</span>
                      </p>
                    </td>
                  </tr>`;

    })
    let html2 = `   <tr>
                    <td colspan="8">
                      <p>
                          <span>合计人民币总金额（大写）：<span>${data.countB}&nbsp;</span></span
                          ><span>￥：<span>${data.jinE}</span></span>
                      </p>
                    </td>
                  </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第二条 质量标准：</span
                  ><span class="cspan"><u>执行生产厂商产品标准</u></span>
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第三条 送货地点：</span
                  ><span class="cspan"
                ><u
                >${data.address}</u
                ></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第四条 运输方式及到达港和费用负担：</span
                  ><span class="cspan"
                ><span><u>供方指定运输方式并承担运费</u></span></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第五条 包装标准、包装物的供应与回收：</span
                  ><span class="cspan">见表格，不回收包装物</span>
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第六条 验收标准、方法及提出质量异议期限：</span
                  ><span class="cspan"
                >按照产品生产厂商提供的合格产品质量指标在货到2天内验收完毕，在验收期限内如对产品质量有异议，请在规定的验收期限内以书面的形式向供方提出，超出验收期产生的任何质量问题由需方承担；</span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第七条 结算方式：</span
                  ><span class="cspan"><span>电汇</span></span
                ><span class="cspan"
                >付款至供方指定账户；此价格为含税总价，合同履行期间如遇国家税率调整，合同总价不随着国家税率进行调整</span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span><u>第八条 到货时间：</u></span
                  ><span class="cspan"
                ><u
                >各批次货物的全款到供方银行账户后组织发货，具体到货时间以生产厂商生产排配订单和物流运输到达时间为准；</u
                ></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span><u>第九条 违约责任：</u></span
                  ><span class="cspan"
                ><u>按照《中华人民共和国民法典》执行；</u></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第十条 合同争议的解决方式：</span
                  ><span class="cspan"
                ><u
                >本合同在履行过程中发生的争议，由双方当事人协商解决；协商不成的，在供方所在地有管辖权的人民法院起诉；</u
                ></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span>第十一条 合同价格有效期：</span
                  ><span class="cspan" style="text-decoration: underline;  "
                >${formattedDate1}09:00-${formattedDate1}17:00</span
                ><span class="cspan"
                >；<u
                >如需方未在合同价格有效期内向供方付清各批次货物的全款，则超过合同价格有效期后的价格执行供方的最新价格。</u
                ></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span><u>第十二条 </u></span
                  ><span class="cspan"
                ><u
                >本合同双方签字盖章，传真件、扫描件具有同原件一致的法律效力；</u
                ></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <p>
                  <span><u>第十三条 </u></span
                  ><span class="cspan"
                ><u>合同一式两份，供、需方各执一份，烦请盖章回传。</u></span
                >
                </p>
              </td>
            </tr>
            <tr>
              <td colspan="6">
                <table
                    border="0"
                    cellspacing="0"
                    cellpadding="0"
                    width="100%"
                    class="collapse ke-zeroborder"
                    style="border: 1px solid #000;
                    vertical-align: top;
                   font-size: 10.5pt;
                    "
                >
                  <tbody>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p style="text-align: center">供方</p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p style="text-align: center">需方</p>
                    </td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        单位名称（章）：<span class="cspan"
                      ><span>${data.orgName}</span></span
                      >
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        单位名称（章）：<span class="cspan"
                      ><span>${data.CustomerName}</span></span
                      >
                      </p>
                    </td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        单位地址：<span
                      >山东烟台芝罘区黄务镇东林南街78号</span
                      >
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">单位地址：</p>
                    </td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        委托代理人：<span>${data.salesNm}</span>
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">委托代理人：</p>
                    </td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        税号：<span>913706007058181011</span>
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);"><p class="cp lineheight14">税号：</p></td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        开户银行：<span>农行烟台黄务分理处</span>
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">开户银行：</p>
                    </td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        账号：<span>15340201040001755</span>
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);"><p class="cp lineheight14">账号：</p></td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        电话：<span>0535-6739399</span>
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);"><p class="cp lineheight14">电话：</p></td>
                  </tr>
                  <tr>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);">
                      <p class="cp lineheight14">
                        传真：<span>0535-6739377</span>
                      </p>
                    </td>
                    <td width="20%" style="border-right: 1px solid rgb(0, 0, 0);"><p class="cp lineheight14">传真：</p></td>
                  </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>`
    // 发送数据到服务器
    axios.post(`${config.apiHost}/common/createWord`, {
      html: html1+html2 },{
      responseType: 'blob', // 处理响应为Blob对象
      headers: {
        'Content-Type': 'application/json' // 根据需要设置请求头
      }})
        .then(response =>{
          // 获取响应数据作为 Blob 对象
          const blob = new Blob([response], { type: 'application/msword' });
          const fileName = `${formattedDate}-${data.CustomerName}.doc`
          // 创建一个 URL 对象
          const url = window.URL.createObjectURL(blob);

          // 创建一个临时的下载链接
          const a = document.createElement('a');
          a.href = url;
          a.download = fileName; // 设置下载的文件名
          document.body.appendChild(a);
          a.click(); // 触发下载
          document.body.removeChild(a); // 移除临时链接

          // 释放 URL 对象
          window.URL.revokeObjectURL(url);
        } )

  }

}
</script>

<template>

</template>

<style scoped lang="scss">

</style>